<ng-template #titleTemplate let-text="title">
    <h4 class="p-a-1 bg-success">{{text}}</h4>
</ng-template>

<ng-template [ngTemplateOutlet]="titleTemplate" 
          [ngTemplateOutletContext]="{title: 'Header'}">
</ng-template>

<div class="bg-info p-a-1 m-a-1">
    There are {{getProductCount()}} products.
</div>

<ng-template [ngTemplateOutlet]="titleTemplate" 
        
          [ngTemplateOutletContext]="{title: 'Footer'}">
</ng-template>



<div class='bg-info p-a-1'>
    The rounded price is {{getProductPrice(1)}}
</div>
